/**
 * @file
 * Front-end styling for the display of webforms.
 */
input.webform-calendar {
  display: none;
  padding: 3px;
  vertical-align: top;
}
html.js input.webform-calendar {
  display: inline;
}
.webform-container-inline label {
  display: inline;
  margin-right: 1em;
}
.webform-container-inline div,
.webform-container-inline div.form-item {
  display: inline;
}
.webform-container-inline div.description {
  display: block;
}
.webform-container-inline div.messages {
  display: block;
  float: left;
}
.webform-container-inline div.ajax-progress-bar div {
  display: inherit;
}


/* -------- Personalización general de los elementos del formulario --------- */
.webform-container-inline label {
  margin-top: 5px;
}

.webform-container-inline input {
}

.webform-container-inline textarea {
  width: 350px;
}


/* --------         Personalización Formulario de contacto          --------- */
/* el 23 es para el español, y el 24 es para la version en ingles */
#webform-client-form-23,
#webform-client-form-24{
  width: 367px;
  padding: 5px 2px;
  border-radius: 5px;
  border: 1px inset;
  background-color: rgba(129, 104, 69,0.5);
}
#webform-client-form-23 label,
#webform-client-form-24 label{
  display: inline-block;
  width: 80px;
}
#webform-client-form-23 input[type],
#webform-client-form-24 input[type]{
  width: 260px;
}
#webform-client-form-23 input[type=submit],
#webform-client-form-24 input[type=submit]{
  width: auto;
  padding: 0 5px;
}
